<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<link rel="stylesheet" href="${pageContext.request.contextPath }/client/css/main.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath }/admin/jquery/jquery-1.4.2.js"></script>
<script type="text/javascript">
/**
 * my_click和my_blur均是用于前台页面搜索框的函数
 */
//鼠标点击搜索框时执行
function my_click(obj, myid){
	//点击时，如果取得的值和搜索框默认value值相同，则将搜索框清空
	if (document.getElementById(myid).value == document.getElementById(myid).defaultValue){
	  document.getElementById(myid).value = '';
	  obj.style.color='#000';
	}
}
//鼠标不聚焦在搜索框时执行
function my_blur(obj, myid){
	//鼠标失焦时，如果搜索框没有输入值，则用搜索框的默认value值填充
	if (document.getElementById(myid).value == ''){
	 document.getElementById(myid).value = document.getElementById(myid).defaultValue;
	 obj.style.color='#999';
 }
}
/**
 * 点击搜索按钮执行的函数
 */
function search(){
	document.getElementById("searchform").submit();
}

<%--$(function () {--%>
	<%--$.ajax({--%>
		<%--url:"/menuCategory",--%>
		<%--type:"post",--%>
		<%--dataType:"json",--%>
		<%--success:function (data) {--%>
			<%--var divmenu = $("#divmenu").html("");--%>
			<%--var str = "";--%>
			<%--for (var i = 0; i<data.length && i<14;i++)--%>
			<%--{--%>
				<%--str = str+"\t<a href=\"${pageContext.request.contextPath}/showProductByPage\" style=\"color:#b4d76d\">全部商品目录</a></li>\n";--%>
			<%--}--%>
			<%--str = str+"\t<a href=\"${pageContext.request.contextPath}/showProductByPage\" style=\"color:#b4d76d\">全部商品目录</a></li>\n";--%>
			<%--divmenu.append(str);--%>
		<%--}--%>
	<%--})--%>
<%--});--%>
</script>
<c:set var="root" value="${pageContext.request.contextPath }"></c:set>
<div id="divmenu">
		<a href="${root}/index">首页</a>
		<c:forEach var="c" items="${list}">
			<a href="${root}/pageProducts?currentPage=1&id=${c.id}">${c.name}</a>
		</c:forEach>
	<a href="${pageContext.request.contextPath}/pageProducts?currentPage=1" style="color:#b4d76d">全部商品目录</a></li>
</div>
<div id="divsearch">
<form action="${pageContext.request.contextPath }/SearchProduct" id="searchform">
	<table width="100%" border="0" cellspacing="0">
		<tr>
			<td style="text-align:right; padding-right:220px">
				Search 
				<input type="text" name="textfield" class="inputtable" id="textfield" value="请输入书名"
				onmouseover="this.focus();"
				onclick="my_click(this, 'textfield');"
				onBlur="my_blur(this, 'textfield');"/> 
				<a href="#">
					<img src="${pageContext.request.contextPath}/client/images/serchbutton.gif" border="0" style="margin-bottom:-4px" onclick="search()"/> 
				</a>
			</td>
		</tr>
	</table>
</form>
</div>